<!--
<h1 class="ui header">Please select your problem and repair method in the left sidebar</h1>

<div class="ui grid">
    <div class="fourteen wide column">
        <div class="ui one column centered grid">
            <h4 class="ui column center aligned">Please select your problem and repair method in the left sidebar.</h4>
        </div>
    </div>
</div>
-->


<h1 class="ui header">Correlative Repair</h1>

<div class="ui grid">
    <div class="thirteen wide column">
        <div class="ui one column centered grid" >
            <h4 class="ui column center aligned">Data Display</h4>
            <!--<div class = "column" id = "oscillationZone" style="width:100%; height:400px;"></div>-->
            <div class = "ui one column centered grid" style="margin-top: -50px; padding-left: 0px; padding-right:0px;">
                <div id = "series1" style="width:100%; height:200px;"></div>
            </div>
            <div class = "ui one column centered grid" style="margin-top: -50px; padding-left: 0px; padding-right:0px;">
                <div id = "series2" style="width:100%; height:200px;"></div>
            </div>
            <div class = "ui one column centered grid" style="margin-top: -50px; padding-left: 0px; padding-right:0px;">
                <div id = "series3" style="width:100%; height:200px;"></div>
            </div>
        </div>
    </div>

    <div class="three wide column">
        <div class="ui one column centered grid">
            <h4 class="ui column center aligned">Parameter Settings</h4>
            <div class="ui form">
                <div class="field">
                    <label>Input File</label>
                    <input type="text" ng-model="inputPath" placeholder="/path/file.csv">
                    <a type="file" ngf-select="uploadFiles($file, $invalidFiles)" ngf-max-size="30MB"
                       class="fluid mini ui bottom attached button center aligned">Select Data File</a>
                </div>

                <div class="field">
                    <label>Detection Result File</label>
                    <input type="text" ng-model="outputPath" placeholder="/path/file.csv">
                </div>

                <div class="field">
                    <button class="fluid ui button primary" ng-click="detection()">Detection</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--
<div class="ui grid" >
    <div class="sixteen wide column">
        <div class="ui one wide column">
            <div class = "ui one column centered grid" style="margin-top: 0px; padding-left: 50px; padding-right:50px;">
                <div id = "series1" style="width:100%; height:300px;"></div>
            </div>
        </div>
    </div>
</div>

<div class="ui grid" style="margin-top: -50px; padding-left: 50px; padding-right:50px;">
    <div class="sixteen wide column">
        <div class="ui one wide column">
            <div class = "ui one column centered grid">
                <div id = "series2" style="width:100%; height:300px;"></div>
            </div>
        </div>
    </div>
</div>
<div class="ui grid" style="margin-top: -50px; padding-left: 50px; padding-right:50px;">
    <div class="sixteen wide column">
        <div class="ui one wide column">
            <div class = "ui one column centered grid">
                <div id = "series3" style="width:100%; height:300px;"></div>
            </div>
        </div>
    </div>
</div>
-->